<?php

/* html/diary/rijiZW.tpl.html */
class __TwigTemplate_f14cd8416002082b3b8f0ba00c224f31ce773919a663a7918c5ac95a0d2b70d9 extends Twig_Template
{
    public function __construct(Twig_Environment $env)
    {
        parent::__construct($env);

        $this->parent = false;

        $this->blocks = array(
        );
    }

    protected function doDisplay(array $context, array $blocks = array())
    {
        // line 1
        echo "<!DOCTYPE html>
<html>

<head>
\t<title>本期活动详情页</title>
\t<meta charset=\"utf-8\">
\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, user-scalabel=no, minimum-scale=1.0, maximum-scale=1.0\">
\t<link rel=\"stylesheet\" type=\"text/css\" href=\"/static/diary/css/rijiZW.css\">
\t<link rel=\"stylesheet\" href=\"/static/common/css/mescroll.min.css\">
</head>

<body>
\t<div id=\"mescroll\" class=\"mescroll\">

\t\t<!--<header id=\"top\">
\t\t\t本期活动
\t\t</header>-->

\t\t<!-- top -->
\t\t<section>
\t\t\t<div id=\"banner\">
\t\t\t\t<img v-bind:src=\"diary_logo\" class=\"banner\">
\t\t\t\t<!-- 话题 -->
\t\t\t\t<div id=\"huati\">
\t\t\t\t\t<div class=\"huati_t\">
\t\t\t\t\t\t<h3>话题：[diary_name]</h3>
\t\t\t\t\t\t<!-- <p><img src=\"./assets/Group 9.png\"><span>853条点评</span></p> -->
\t\t\t\t\t\t<p>笔者 | <span>[editor_name]</span></p>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t</div>
\t\t\t<!-- 正文 -->
\t\t\t<div id=\"zhengwen\">

\t\t\t\t<div class=\"zhengwen_k\">
\t\t\t\t\t<p class=\"ui\">[diary_content]</p>
\t\t\t\t\t<div class=\"videotu\">
\t\t\t\t\t\t<div class=\"videozhezhao\">
\t\t\t\t\t\t\t<div class=\"videologo\"><img v-bind:src=\"avatar\"></div>
\t\t\t\t\t\t\t<span>[username]</span>
\t\t\t\t\t\t\t<p class=\"videotitle\">话题：[content]</p>
\t\t\t\t\t\t\t<img src=\"/static/diary/assets/视频-2.png\" class=\"bofang\">
\t\t\t\t\t\t</div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<div class=\"zhengwen_k\">
\t\t\t\t\t<p class=\"ui\">[diary_content]</p>
\t\t\t\t\t<img src=\"/static/diary/assets/videotu.jpg\" / class=\"zhengwen_chatu\">
\t\t\t\t</div>
\t\t\t\t<div class=\"zhengwen_k\">
\t\t\t\t\t<p class=\"ui\">[diary_content]</p>
\t\t\t\t\t<img src=\"/static/diary/assets/videotu.jpg\" / class=\"zhengwen_chatu\">
\t\t\t\t</div>
\t\t\t\t<p class=\"end\">～END～</p>
\t\t\t</div>
\t\t\t<!-- 活动通告 -->
\t\t\t<div id=\"huodongTG\">
\t\t\t\t<p>
\t\t\t\t\t<label>活动通告 | </label><span class=\"xianshi\">#限时体验</span></p>
\t\t\t\t<!-- <div class=\"huodongTG_quan\"> -->
\t\t\t\t<div class=\"huodongTG_quan_t\">
\t\t\t\t\t<div>
\t\t\t\t\t\t<img v-bind:src=\"goods_img\">
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"wen\">
\t\t\t\t\t\t<p>[goods_name]</p>
\t\t\t\t\t\t<p>[introduce]</p>
\t\t\t\t\t\t<div class=\"wen_b\">
\t\t\t\t\t\t\t<p><span><!--<img src=\"/static/diary/assets/Oval 2.png\" class=\"juli\">--></span><label>[distance]</label></p>
\t\t\t\t\t\t\t<div class=\"jiage\">¥[goods_price]</div>
\t\t\t\t\t\t</div>

\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<div class=\"huodongTG_quan_b\">
\t\t\t\t\t<div>地址：[address]</div>
\t\t\t\t\t<img src=\"/static/diary/assets/Group 18.png\" class=\"quan\">
\t\t\t\t</div>
\t\t\t\t<!-- </div> -->
\t\t\t\t<div class=\"huodongTG_fx\">
\t\t\t\t\t<label>分享SHARE</label><span id='share_weixin'></span><span></span>
\t\t\t\t</div>
\t\t\t</div>
\t\t</section>
\t\t<!--热门评论-->
\t\t<footer>
\t\t\t<p>
\t\t\t\t<label>热门评论 | </label><span class=\"xianshi\">12387</span></p>
\t\t\t<div id=\"comments-list\" class=\"comments-list\">
\t\t\t\t<div class=\"comment-item\" v-for=\"(value, key) in commentList\">
\t\t\t\t\t<div class=\"footer_toux\"></div>
\t\t\t\t\t<div class=\"footer_wenti\">
\t\t\t\t\t\t<p class=\"wangming\">[value.username]</p>
\t\t\t\t\t\t<p class=\"riqi\">[value.ctime]</p>
\t\t\t\t\t\t<p class=\"wenda\">
\t\t\t\t\t\t\t<template v-if=\"value.content\">
\t\t\t\t\t\t\t\t<label class=\"lan\">问：</label><span class=\"answerContent\">[value.content]？</span>
\t\t\t\t\t\t</p>
\t\t\t\t\t\t</template>
\t\t\t\t\t\t<template v-if=\"value.childCmt\" v-for=\"item of value.childCmt\">
\t\t\t\t\t\t\t<p class=\"wenda\">
\t\t\t\t\t\t\t\t<label class=\"lan\">回复：</label><span class=\"answerContent\">[item.content]</span>
\t\t\t\t\t\t</template>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t</div>
\t\t\t<!-- <div>
\t\t\t\t<div class=\"footer_toux\"></div>
\t\t\t\t<div class=\"footer_wenti\">
\t\t\t\t\t<p class=\"wangming\">安静的生活</p>
\t\t\t\t\t<p class=\"riqi\">04.09.2017 23:02</p>
\t\t\t\t\t<p class=\"wenda\">
\t\t\t\t\t\t<label class=\"lan\">问：</label><span>请问可以带几个宝宝去体验？</span>
\t\t\t\t\t</p>
\t\t\t\t\t<p class=\"wenda\">
\t\t\t\t\t\t<label class=\"lan\">回复：</label><span>您好！活动为零元体验，一个家长陪同一个宝宝哦！感谢您对派乐熊的支持，爱你哦！</span>
\t\t\t\t\t</p>
\t\t\t\t</div>
\t\t\t</div> -->
\t\t\t<!-- <div>
\t\t\t\t<div class=\"footer_toux\"></div>
\t\t\t\t<div class=\"footer_wenti\">
\t\t\t\t\t<p class=\"wangming\">安静的生活</p>
\t\t\t\t\t<p class=\"riqi\">04.09.2017  23:02</p>
\t\t\t\t\t<p class=\"wenda\">
\t\t\t\t\t<label class=\"lan\">问：</label><span>请问可以带几个宝宝去体验？</span>
\t\t\t\t\t</p>
\t\t\t\t\t<p class=\"wenda\">
\t\t\t\t\t<label class=\"lan\">回复：</label><span>您好！活动为零元体验，一个家长陪同一个宝宝哦！感谢您对派乐熊的支持，爱你哦！</span>
\t\t\t\t\t</p>
\t\t\t\t</div>
\t\t\t\t
\t\t\t</div>
\t\t\t<div>
\t\t\t\t<div class=\"footer_toux\"></div>
\t\t\t\t<div class=\"footer_wenti\">
\t\t\t\t\t<p class=\"wangming\">安静的生活</p>
\t\t\t\t\t<p class=\"riqi\">04.09.2017  23:02</p>
\t\t\t\t\t<p class=\"wenda\">
\t\t\t\t\t<label class=\"lan\">问：</label><span>请问可以带几个宝宝去体验？</span>
\t\t\t\t\t</p>
\t\t\t\t\t<p class=\"wenda\">
\t\t\t\t\t<label class=\"lan\">回复：</label><span>您好！活动为零元体验，一个家长陪同一个宝宝哦！感谢您对派乐熊的支持，爱你哦！</span>
\t\t\t\t\t</p>
\t\t\t\t</div>
\t\t\t\t
\t\t\t</div> -->
\t\t</footer>
\t</div>
\t<!-- 说点什么 -->
\t<div id=\"shuru\">
\t\t<div class=\"fanhui\"><img src=\"/static/diary/assets/arrow-left.png\"></div>
\t\t<button class=\"tiaoPL\">说点什么吧</button>
\t\t<div class=\"dianzan\"><span class=\"di\">1220</span>
\t\t</div>
\t\t<div class=\"fenx\"><span class=\"di\">1220</span>
\t\t</div>
\t</div>
</body>
<script type=\"text/javascript\" src=\"/static/common/js/zepto.js\"></script>
<script type=\"text/ja'vascript\" src=\"/static/diaryjs/rijiZW.js\"></script>
<script src=\"/static/common/js/mescroll.min.js\"></script>
<script type=\"text/javascript\" src=\"/static/common/js/vue.js\"></script>
<script type=\"text/javascript\" src=\"/static/common/js/jockey.min.js\"></script>
<script type=\"text/javascript\">
\t// 评论下拉添加
\tvar gid = ";
        // line 168
        echo twig_escape_filter($this->env, ($context["gid"] ?? null), "html", null, true);
        echo ";
\t(function () {
\t\t// 接口
\t\tvar Api = {
\t\t\tbase: 'https://paile.yanfaguanjia.cn',
\t\t\triji: '/diary/GetLeftComment',
\t\t\trijiList: 'diary/GetRecomDiary',
\t\t\tdianzan: '/diary/AgreeZan',
\t\t\tpinglun: '/diary/CommitComment'
\t\t}
\t\t
\t\t// 获取数据的方法
\t\tfunction getListDataFromNet(pageNum, pageSize, successCallback, errorCallback) {
\t\t\t\$.ajax({
\t\t\t\turl: Api.base + Api.riji,
\t\t\t\tdata: {
\t\t\t\t\tdiary: 1,
\t\t\t\t\tpage: pageNum,
\t\t\t\t\tcnum: pageSize
\t\t\t\t},
\t\t\t\ttype: 'post',
\t\t\t\tdataType: 'json',
\t\t\t\tsuccess: function (res) {
\t\t\t\t\tsuccessCallback && successCallback(res.data)
\t\t\t\t},
\t\t\t\terror: function (xhr, state, err) {
\t\t\t\t\terrorCallback && errorCallback(err)
\t\t\t\t}
\t\t\t})
\t\t}

\t\t// 主vue数据
\t\tvar main = new Vue({
\t\t\tel: '#mescroll',
\t\t\tdelimiters: ['[', ']'],
\t\t\tdata: {
\t\t\t\tmescroll: null,
\t\t\t\tcommentList: [],
\t\t\t\tdiary_logo: null,
\t\t\t\teditor_name: null,
\t\t\t\tdiary_name: null,
\t\t\t\tdiary_content: null,
\t\t\t\tcontent: null,
\t\t\t\tavatar: null,
\t\t\t\tusername: null,
\t\t\t\tgoods_name: null,
\t\t\t\tintroduce: null,
\t\t\t\tdistance: null,
\t\t\t\tgoods_price: null,
\t\t\t\tgoods_img: null,
\t\t\t\taddress: null
\t\t\t},
\t\t\tmethods: {
\t\t\t\tupCallback: function (page) {

\t\t\t\t\tvar self = this;
\t\t\t\t\t// console.log('获取数据成功，page.num=', page.num, 'page.size=', page.size)

\t\t\t\t\tgetListDataFromNet(page.num, page.size, function (data) {
\t\t\t\t\t\tif (page.num == 1) self.commentList = [];
\t\t\t\t\t\tself.commentList = self.commentList.concat(data);

\t\t\t\t\t\tself.mescroll.endSuccess(data.length);
\t\t\t\t\t}, function (err) {
\t\t\t\t\t\tconsole.log('获取数据失败', err)
\t\t\t\t\t})
\t\t\t\t}
\t\t\t},
\t\t\tmounted: function () {
\t\t\t\tvar self = this;
\t\t\t\t// 滑动加载
\t\t\t\tself.mescroll = new MeScroll('mescroll', {
\t\t\t\t\tup: {
\t\t\t\t\t\tcallback: self.upCallback,
\t\t\t\t\t\tpage: {
\t\t\t\t\t\t\tsize: 5
\t\t\t\t\t\t}
\t\t\t\t\t},
\t\t\t\t\t// 锁定上拉恢复
\t\t\t\t\tdown: {
\t\t\t\t\t\tisLock: true
\t\t\t\t\t}
\t\t\t\t});
\t\t\t\t// 其他动态数据
\t\t\t\t\$.ajax({
\t\t\t\t\turl: Api.base + '/diary/GetDiaryDetail?diary='+gid+'&cnum=1',
\t\t\t\t\ttype: 'post',
\t\t\t\t\tdataType: 'json',
\t\t\t\t\tsuccess: function (data) {
\t\t\t\t\t\tconsole.log('获得的数据是。。。', data.data);
\t\t\t\t\t\tvar diaryData = data.data.diaryData; //diaryData
\t\t\t\t\t\tvar comment = data.data.comment; //comment
\t\t\t\t\t\tvar recGoods = data.data.recGoods;

\t\t\t\t\t\tself.diary_logo = diaryData.diary_logo;
\t\t\t\t\t\tself.editor_name = diaryData.editor_name;
\t\t\t\t\t\tself.diary_name = diaryData.diary_name;
\t\t\t\t\t\tself.diary_content = diaryData.diary_content;
\t\t\t\t\t\tself.content = comment.content;
\t\t\t\t\t\tself.avatar = comment.avatar;
\t\t\t\t\t\tself.username = comment.username;
\t\t\t\t\t\tself.goods_name = recGoods.goods_name;
\t\t\t\t\t\tself.introduce = recGoods.introduce;
\t\t\t\t\t\tself.distance = recGoods.distance;
\t\t\t\t\t\tself.goods_price = recGoods.goods_price;
\t\t\t\t\t\tself.goods_img = recGoods.goods_img;
\t\t\t\t\t\tself.address = recGoods.address;
\t\t\t\t\t},
\t\t\t\t\terror: function (xhr, data, err) {
\t\t\t\t\t\tconsole.log('获取数据失败', err)
\t\t\t\t\t}
\t\t\t\t})
\t\t\t}
\t\t})

\t\t// 点赞数据
\t\t\$(\".dianzan\").click(function (e) {\t\t
\t\t\te.preventDefault()
\t\t\te.stopPropagation();
\t\t\tvar dianzanCount ,dianzanCount2 = 0;
\t\t\tif (\$(this).hasClass('dianzan')) {
\t\t\t\tdianzanCount = parseInt(\$('.di').text());
\t\t\t\t\$(this).removeClass('dianzan').addClass('dianzan2');
\t\t\t\t\$(this).children('.di').text(dianzanCount + 1);
\t\t\t\t\$.ajax({
\t\t\t\t\ttype: \"post\",
\t\t\t\t\turl: Api.base + Api.dianzan,
\t\t\t\t\tdata:{
\t\t\t\t\t\tdid:1
\t\t\t\t\t},
\t\t\t\t\tdataType: \"json\",
\t\t\t\t\tsuccess: function (data) {
\t\t\t\t\t\tconsole.log(data)
\t\t\t\t\t},
\t\t\t\t\terror: function (data) {
\t\t\t  \t\t    console.log(data)\t
\t\t\t\t\t}

\t\t\t\t});
\t\t\t}else {
\t\t\t\t\$(this).removeClass('dianzan2').addClass('dianzan');
\t\t\t\tdianzanCount2 = parseInt(\$(this).children('.di').text());
\t\t\t\t\$(this).children('.di').text(dianzanCount2 - 1);
\t\t\t}
\t\t})
\t\t
\t\t\t// 点击下方的left箭头返回
\t\t\$('.fanhui').click(function(){
\t\t\twindow.location.href=Api.base + \"/diary/rijiDP.html\";
\t\t})
\t\t// 点击下方的灰色按钮进入评论页面
\t\t\$('.tiaoPL').click(function(){
\t\t//\twindow.location.href=Api.base + \"/diary/pinglun.html\";
\t\talert(gid)\t
\t\t\tJockey.send('pailexiong',{key:'pinglun',data:gid})
\t\t})
\t\t
\t\t\$('#share_weixin,.fenx').on('click',function(){
\t\t\talert('imgUrl:' + \$('.banner').attr('src') + ',link:' + window.location.href + ',title:' + \$('#huati').find('h3').text());
\t\t\tJockey.send(\"pailexiong\", {key: 'share', data: {'desc':'','imgUrl':\$('.banner').attr('src'),'key':'share','link':window.location.href,'title':\$('#huati').find('h3').text()} });\t
\t\t})

\t})()
\t// 获取接口数据diary/GetDiaryDetail?diary=4&latitude=20.5&longitude=23.6&cnum=1
\t// http://101.201.150.188:8087/index/admin?type=2
</script>

</html>
";
    }

    public function getTemplateName()
    {
        return "html/diary/rijiZW.tpl.html";
    }

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  188 => 168,  19 => 1,);
    }

    public function getSourceContext()
    {
        return new Twig_Source("<!DOCTYPE html>
<html>

<head>
\t<title>本期活动详情页</title>
\t<meta charset=\"utf-8\">
\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, user-scalabel=no, minimum-scale=1.0, maximum-scale=1.0\">
\t<link rel=\"stylesheet\" type=\"text/css\" href=\"/static/diary/css/rijiZW.css\">
\t<link rel=\"stylesheet\" href=\"/static/common/css/mescroll.min.css\">
</head>

<body>
\t<div id=\"mescroll\" class=\"mescroll\">

\t\t<!--<header id=\"top\">
\t\t\t本期活动
\t\t</header>-->

\t\t<!-- top -->
\t\t<section>
\t\t\t<div id=\"banner\">
\t\t\t\t<img v-bind:src=\"diary_logo\" class=\"banner\">
\t\t\t\t<!-- 话题 -->
\t\t\t\t<div id=\"huati\">
\t\t\t\t\t<div class=\"huati_t\">
\t\t\t\t\t\t<h3>话题：[diary_name]</h3>
\t\t\t\t\t\t<!-- <p><img src=\"./assets/Group 9.png\"><span>853条点评</span></p> -->
\t\t\t\t\t\t<p>笔者 | <span>[editor_name]</span></p>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t</div>
\t\t\t<!-- 正文 -->
\t\t\t<div id=\"zhengwen\">

\t\t\t\t<div class=\"zhengwen_k\">
\t\t\t\t\t<p class=\"ui\">[diary_content]</p>
\t\t\t\t\t<div class=\"videotu\">
\t\t\t\t\t\t<div class=\"videozhezhao\">
\t\t\t\t\t\t\t<div class=\"videologo\"><img v-bind:src=\"avatar\"></div>
\t\t\t\t\t\t\t<span>[username]</span>
\t\t\t\t\t\t\t<p class=\"videotitle\">话题：[content]</p>
\t\t\t\t\t\t\t<img src=\"/static/diary/assets/视频-2.png\" class=\"bofang\">
\t\t\t\t\t\t</div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<div class=\"zhengwen_k\">
\t\t\t\t\t<p class=\"ui\">[diary_content]</p>
\t\t\t\t\t<img src=\"/static/diary/assets/videotu.jpg\" / class=\"zhengwen_chatu\">
\t\t\t\t</div>
\t\t\t\t<div class=\"zhengwen_k\">
\t\t\t\t\t<p class=\"ui\">[diary_content]</p>
\t\t\t\t\t<img src=\"/static/diary/assets/videotu.jpg\" / class=\"zhengwen_chatu\">
\t\t\t\t</div>
\t\t\t\t<p class=\"end\">～END～</p>
\t\t\t</div>
\t\t\t<!-- 活动通告 -->
\t\t\t<div id=\"huodongTG\">
\t\t\t\t<p>
\t\t\t\t\t<label>活动通告 | </label><span class=\"xianshi\">#限时体验</span></p>
\t\t\t\t<!-- <div class=\"huodongTG_quan\"> -->
\t\t\t\t<div class=\"huodongTG_quan_t\">
\t\t\t\t\t<div>
\t\t\t\t\t\t<img v-bind:src=\"goods_img\">
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"wen\">
\t\t\t\t\t\t<p>[goods_name]</p>
\t\t\t\t\t\t<p>[introduce]</p>
\t\t\t\t\t\t<div class=\"wen_b\">
\t\t\t\t\t\t\t<p><span><!--<img src=\"/static/diary/assets/Oval 2.png\" class=\"juli\">--></span><label>[distance]</label></p>
\t\t\t\t\t\t\t<div class=\"jiage\">¥[goods_price]</div>
\t\t\t\t\t\t</div>

\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<div class=\"huodongTG_quan_b\">
\t\t\t\t\t<div>地址：[address]</div>
\t\t\t\t\t<img src=\"/static/diary/assets/Group 18.png\" class=\"quan\">
\t\t\t\t</div>
\t\t\t\t<!-- </div> -->
\t\t\t\t<div class=\"huodongTG_fx\">
\t\t\t\t\t<label>分享SHARE</label><span id='share_weixin'></span><span></span>
\t\t\t\t</div>
\t\t\t</div>
\t\t</section>
\t\t<!--热门评论-->
\t\t<footer>
\t\t\t<p>
\t\t\t\t<label>热门评论 | </label><span class=\"xianshi\">12387</span></p>
\t\t\t<div id=\"comments-list\" class=\"comments-list\">
\t\t\t\t<div class=\"comment-item\" v-for=\"(value, key) in commentList\">
\t\t\t\t\t<div class=\"footer_toux\"></div>
\t\t\t\t\t<div class=\"footer_wenti\">
\t\t\t\t\t\t<p class=\"wangming\">[value.username]</p>
\t\t\t\t\t\t<p class=\"riqi\">[value.ctime]</p>
\t\t\t\t\t\t<p class=\"wenda\">
\t\t\t\t\t\t\t<template v-if=\"value.content\">
\t\t\t\t\t\t\t\t<label class=\"lan\">问：</label><span class=\"answerContent\">[value.content]？</span>
\t\t\t\t\t\t</p>
\t\t\t\t\t\t</template>
\t\t\t\t\t\t<template v-if=\"value.childCmt\" v-for=\"item of value.childCmt\">
\t\t\t\t\t\t\t<p class=\"wenda\">
\t\t\t\t\t\t\t\t<label class=\"lan\">回复：</label><span class=\"answerContent\">[item.content]</span>
\t\t\t\t\t\t</template>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t</div>
\t\t\t<!-- <div>
\t\t\t\t<div class=\"footer_toux\"></div>
\t\t\t\t<div class=\"footer_wenti\">
\t\t\t\t\t<p class=\"wangming\">安静的生活</p>
\t\t\t\t\t<p class=\"riqi\">04.09.2017 23:02</p>
\t\t\t\t\t<p class=\"wenda\">
\t\t\t\t\t\t<label class=\"lan\">问：</label><span>请问可以带几个宝宝去体验？</span>
\t\t\t\t\t</p>
\t\t\t\t\t<p class=\"wenda\">
\t\t\t\t\t\t<label class=\"lan\">回复：</label><span>您好！活动为零元体验，一个家长陪同一个宝宝哦！感谢您对派乐熊的支持，爱你哦！</span>
\t\t\t\t\t</p>
\t\t\t\t</div>
\t\t\t</div> -->
\t\t\t<!-- <div>
\t\t\t\t<div class=\"footer_toux\"></div>
\t\t\t\t<div class=\"footer_wenti\">
\t\t\t\t\t<p class=\"wangming\">安静的生活</p>
\t\t\t\t\t<p class=\"riqi\">04.09.2017  23:02</p>
\t\t\t\t\t<p class=\"wenda\">
\t\t\t\t\t<label class=\"lan\">问：</label><span>请问可以带几个宝宝去体验？</span>
\t\t\t\t\t</p>
\t\t\t\t\t<p class=\"wenda\">
\t\t\t\t\t<label class=\"lan\">回复：</label><span>您好！活动为零元体验，一个家长陪同一个宝宝哦！感谢您对派乐熊的支持，爱你哦！</span>
\t\t\t\t\t</p>
\t\t\t\t</div>
\t\t\t\t
\t\t\t</div>
\t\t\t<div>
\t\t\t\t<div class=\"footer_toux\"></div>
\t\t\t\t<div class=\"footer_wenti\">
\t\t\t\t\t<p class=\"wangming\">安静的生活</p>
\t\t\t\t\t<p class=\"riqi\">04.09.2017  23:02</p>
\t\t\t\t\t<p class=\"wenda\">
\t\t\t\t\t<label class=\"lan\">问：</label><span>请问可以带几个宝宝去体验？</span>
\t\t\t\t\t</p>
\t\t\t\t\t<p class=\"wenda\">
\t\t\t\t\t<label class=\"lan\">回复：</label><span>您好！活动为零元体验，一个家长陪同一个宝宝哦！感谢您对派乐熊的支持，爱你哦！</span>
\t\t\t\t\t</p>
\t\t\t\t</div>
\t\t\t\t
\t\t\t</div> -->
\t\t</footer>
\t</div>
\t<!-- 说点什么 -->
\t<div id=\"shuru\">
\t\t<div class=\"fanhui\"><img src=\"/static/diary/assets/arrow-left.png\"></div>
\t\t<button class=\"tiaoPL\">说点什么吧</button>
\t\t<div class=\"dianzan\"><span class=\"di\">1220</span>
\t\t</div>
\t\t<div class=\"fenx\"><span class=\"di\">1220</span>
\t\t</div>
\t</div>
</body>
<script type=\"text/javascript\" src=\"/static/common/js/zepto.js\"></script>
<script type=\"text/ja'vascript\" src=\"/static/diaryjs/rijiZW.js\"></script>
<script src=\"/static/common/js/mescroll.min.js\"></script>
<script type=\"text/javascript\" src=\"/static/common/js/vue.js\"></script>
<script type=\"text/javascript\" src=\"/static/common/js/jockey.min.js\"></script>
<script type=\"text/javascript\">
\t// 评论下拉添加
\tvar gid = {{gid}};
\t(function () {
\t\t// 接口
\t\tvar Api = {
\t\t\tbase: 'https://paile.yanfaguanjia.cn',
\t\t\triji: '/diary/GetLeftComment',
\t\t\trijiList: 'diary/GetRecomDiary',
\t\t\tdianzan: '/diary/AgreeZan',
\t\t\tpinglun: '/diary/CommitComment'
\t\t}
\t\t
\t\t// 获取数据的方法
\t\tfunction getListDataFromNet(pageNum, pageSize, successCallback, errorCallback) {
\t\t\t\$.ajax({
\t\t\t\turl: Api.base + Api.riji,
\t\t\t\tdata: {
\t\t\t\t\tdiary: 1,
\t\t\t\t\tpage: pageNum,
\t\t\t\t\tcnum: pageSize
\t\t\t\t},
\t\t\t\ttype: 'post',
\t\t\t\tdataType: 'json',
\t\t\t\tsuccess: function (res) {
\t\t\t\t\tsuccessCallback && successCallback(res.data)
\t\t\t\t},
\t\t\t\terror: function (xhr, state, err) {
\t\t\t\t\terrorCallback && errorCallback(err)
\t\t\t\t}
\t\t\t})
\t\t}

\t\t// 主vue数据
\t\tvar main = new Vue({
\t\t\tel: '#mescroll',
\t\t\tdelimiters: ['[', ']'],
\t\t\tdata: {
\t\t\t\tmescroll: null,
\t\t\t\tcommentList: [],
\t\t\t\tdiary_logo: null,
\t\t\t\teditor_name: null,
\t\t\t\tdiary_name: null,
\t\t\t\tdiary_content: null,
\t\t\t\tcontent: null,
\t\t\t\tavatar: null,
\t\t\t\tusername: null,
\t\t\t\tgoods_name: null,
\t\t\t\tintroduce: null,
\t\t\t\tdistance: null,
\t\t\t\tgoods_price: null,
\t\t\t\tgoods_img: null,
\t\t\t\taddress: null
\t\t\t},
\t\t\tmethods: {
\t\t\t\tupCallback: function (page) {

\t\t\t\t\tvar self = this;
\t\t\t\t\t// console.log('获取数据成功，page.num=', page.num, 'page.size=', page.size)

\t\t\t\t\tgetListDataFromNet(page.num, page.size, function (data) {
\t\t\t\t\t\tif (page.num == 1) self.commentList = [];
\t\t\t\t\t\tself.commentList = self.commentList.concat(data);

\t\t\t\t\t\tself.mescroll.endSuccess(data.length);
\t\t\t\t\t}, function (err) {
\t\t\t\t\t\tconsole.log('获取数据失败', err)
\t\t\t\t\t})
\t\t\t\t}
\t\t\t},
\t\t\tmounted: function () {
\t\t\t\tvar self = this;
\t\t\t\t// 滑动加载
\t\t\t\tself.mescroll = new MeScroll('mescroll', {
\t\t\t\t\tup: {
\t\t\t\t\t\tcallback: self.upCallback,
\t\t\t\t\t\tpage: {
\t\t\t\t\t\t\tsize: 5
\t\t\t\t\t\t}
\t\t\t\t\t},
\t\t\t\t\t// 锁定上拉恢复
\t\t\t\t\tdown: {
\t\t\t\t\t\tisLock: true
\t\t\t\t\t}
\t\t\t\t});
\t\t\t\t// 其他动态数据
\t\t\t\t\$.ajax({
\t\t\t\t\turl: Api.base + '/diary/GetDiaryDetail?diary='+gid+'&cnum=1',
\t\t\t\t\ttype: 'post',
\t\t\t\t\tdataType: 'json',
\t\t\t\t\tsuccess: function (data) {
\t\t\t\t\t\tconsole.log('获得的数据是。。。', data.data);
\t\t\t\t\t\tvar diaryData = data.data.diaryData; //diaryData
\t\t\t\t\t\tvar comment = data.data.comment; //comment
\t\t\t\t\t\tvar recGoods = data.data.recGoods;

\t\t\t\t\t\tself.diary_logo = diaryData.diary_logo;
\t\t\t\t\t\tself.editor_name = diaryData.editor_name;
\t\t\t\t\t\tself.diary_name = diaryData.diary_name;
\t\t\t\t\t\tself.diary_content = diaryData.diary_content;
\t\t\t\t\t\tself.content = comment.content;
\t\t\t\t\t\tself.avatar = comment.avatar;
\t\t\t\t\t\tself.username = comment.username;
\t\t\t\t\t\tself.goods_name = recGoods.goods_name;
\t\t\t\t\t\tself.introduce = recGoods.introduce;
\t\t\t\t\t\tself.distance = recGoods.distance;
\t\t\t\t\t\tself.goods_price = recGoods.goods_price;
\t\t\t\t\t\tself.goods_img = recGoods.goods_img;
\t\t\t\t\t\tself.address = recGoods.address;
\t\t\t\t\t},
\t\t\t\t\terror: function (xhr, data, err) {
\t\t\t\t\t\tconsole.log('获取数据失败', err)
\t\t\t\t\t}
\t\t\t\t})
\t\t\t}
\t\t})

\t\t// 点赞数据
\t\t\$(\".dianzan\").click(function (e) {\t\t
\t\t\te.preventDefault()
\t\t\te.stopPropagation();
\t\t\tvar dianzanCount ,dianzanCount2 = 0;
\t\t\tif (\$(this).hasClass('dianzan')) {
\t\t\t\tdianzanCount = parseInt(\$('.di').text());
\t\t\t\t\$(this).removeClass('dianzan').addClass('dianzan2');
\t\t\t\t\$(this).children('.di').text(dianzanCount + 1);
\t\t\t\t\$.ajax({
\t\t\t\t\ttype: \"post\",
\t\t\t\t\turl: Api.base + Api.dianzan,
\t\t\t\t\tdata:{
\t\t\t\t\t\tdid:1
\t\t\t\t\t},
\t\t\t\t\tdataType: \"json\",
\t\t\t\t\tsuccess: function (data) {
\t\t\t\t\t\tconsole.log(data)
\t\t\t\t\t},
\t\t\t\t\terror: function (data) {
\t\t\t  \t\t    console.log(data)\t
\t\t\t\t\t}

\t\t\t\t});
\t\t\t}else {
\t\t\t\t\$(this).removeClass('dianzan2').addClass('dianzan');
\t\t\t\tdianzanCount2 = parseInt(\$(this).children('.di').text());
\t\t\t\t\$(this).children('.di').text(dianzanCount2 - 1);
\t\t\t}
\t\t})
\t\t
\t\t\t// 点击下方的left箭头返回
\t\t\$('.fanhui').click(function(){
\t\t\twindow.location.href=Api.base + \"/diary/rijiDP.html\";
\t\t})
\t\t// 点击下方的灰色按钮进入评论页面
\t\t\$('.tiaoPL').click(function(){
\t\t//\twindow.location.href=Api.base + \"/diary/pinglun.html\";
\t\talert(gid)\t
\t\t\tJockey.send('pailexiong',{key:'pinglun',data:gid})
\t\t})
\t\t
\t\t\$('#share_weixin,.fenx').on('click',function(){
\t\t\talert('imgUrl:' + \$('.banner').attr('src') + ',link:' + window.location.href + ',title:' + \$('#huati').find('h3').text());
\t\t\tJockey.send(\"pailexiong\", {key: 'share', data: {'desc':'','imgUrl':\$('.banner').attr('src'),'key':'share','link':window.location.href,'title':\$('#huati').find('h3').text()} });\t
\t\t})

\t})()
\t// 获取接口数据diary/GetDiaryDetail?diary=4&latitude=20.5&longitude=23.6&cnum=1
\t// http://101.201.150.188:8087/index/admin?type=2
</script>

</html>
", "html/diary/rijiZW.tpl.html", "/home/wwwroot/Paile/app/views/tpl/html/diary/rijiZW.tpl.html");
    }
}
